<!doctype html>
<link rel="stylesheet" href="s.css" />
<h1>Tests for <a href="../">recipes</a>/background</h1>

<h2>Patterns</h2>

<p class="doc">
    See <a href="http://lea.verou.me/css3patterns/">http://lea.verou.me/css3patterns/</a> for most of originals patterns
</p>

<div class="background-blueprint-grid"></div>

<div class="background-noise"></div>

<div class="background-radial-overlay"></div>

<div class="background-tartan"></div>

<div class="background-carbon-fiber"></div>

<h2>Gradients</h2>

<p class="doc">
    In order: Matte, glossy, bevel, recessed, and a mixed demo.
</p>

<div class="background-matte"></div>

<div class="background-glossy"></div>

<div class="background-bevel"></div>

<div class="background-recessed"></div>

<div class="background-mixed"></div>